<template>
  <view class="my-integral">
    <view class="my-integral-wrap cbox">
      <view class="tit-wrap rbox box_center">
        <text class="tit">可用积分：</text>
        <text class="integral">12</text>
      </view>

      <view class="list cbox">
        <view class="item rbox">
          <view class="info cbox boxf_1">
            <text class="tit">病害上报</text>
            <text class="date">2020-11-11 10:02:52</text>
          </view>
          <view class="num box_self_center">+2</view>
        </view>

        <view class="item rbox">
          <view class="info cbox boxf_1">
            <text class="tit">病害上报</text>
            <text class="date">2020-11-11 10:02:52</text>
          </view>
          <view class="num box_self_center">+2</view>
        </view>
      </view>
    </view>

    <view class="btn-wrap rbox box_center">
      <view class="btn-s">查看积分说明</view>
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {}
  }
}
</script>

<style lang="scss" scoped>
.my-integral {
  padding: 40rpx 42rpx 0;
  min-height: 100vh;
  background-color: #f7f7f7;
  .my-integral-wrap {
    padding: 10rpx;
    min-height: 936rpx;
    background: #ffffff;
    box-shadow: 0px 0px 6rpx rgba(0, 0, 0, 0.16);
    opacity: 1;
    border-radius: 30rpx;
  }
  .tit-wrap {
    padding: 30rpx 0;
    border-bottom: 1rpx solid #e9e8e8;
    .tit {
      font-size: 34rpx;
      line-height: 1;
      color: #a4a4a4;
    }
    .integral {
      font-size: 34rpx;
      line-height: 1;
      color: #000;
    }
  }
  .list {
    padding: 0 12rpx;
    .item {
      padding: 24rpx 20rpx;
      border-bottom: 1rpx solid #e9e8e8;
      .info {
        .tit {
          font-size: 28rpx;
          line-height: 1;
          color: #5a5a5a;
        }
        .date {
          margin-top: 10rpx;
          font-size: 24rpx;
          line-height: 1;
          color: #a4a4a4;
        }
      }
      .num {
        font-size: 28rpx;
        line-height: 1;
        color: #5a5a5a;
      }
    }
  }
  .btn-wrap {
    margin-top: 100rpx;
    .btn-s {
      padding: 10rpx 30rpx;
      font-size: 24rpx;
      line-height: 1;
      color: #fff;
      background-color: #1de1c3;
      border-radius: 20rpx;
    }
  }
}
</style>